<!--  -->
<template>
	<view class='backcolor'>
		<view class="topBack">
		</view>
		<view class="head-inp" v-if="register">
			<view class="head-inpust">
				<input type="text" placeholder="请输入手机号" value="" v-model="mobile" />
				<input type="text" placeholder="请输入验证码" value="" v-model="code" />
				<text @click="gainCode" v-if="isshow">获取验证码</text>
				<text v-else style="margin-left: 30px;">{{num}}秒</text>
			</view>
		</view>
		<view class="head-inp" v-else>
			<view class="head-inpust">
				<input type="password" placeholder="请输入密码" v-model="pwd" value="" />
				<input type="password" placeholder="再次输入密码" v-model="againPwd" value="" />
				<!-- <text>获取验证码</text> -->
			</view>
		</view>
		<view class="bottom-agreement">
			<view class="" v-if="register">
				
				<!-- <checkbox value="cb" v-model="che" /> -->
				<checkbox-group @change='cheBox'>
					<checkbox value="cb"/>
				</checkbox-group>
				我已阅读并同意<text @click="show">《用户使用协议》</text>和<text>《隐私政策》</text>
			</view>
		</view>
		<view class="body">
			<button @click="login">下一步</button>
		</view>
	</view>
</template>

<script>
	//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
	//例如：import 《组件名称》 from '《组件路径》';
	import {
		login
	} from '../../static/api/apis.js' 
	export default {
		//import引入的组件需要注入到对象中才能使用
		components: {},
		data() {
			//这里存放数据
			return {
				textCode: "验证码登录",
				textPwd: "密码登录",
				register: true,
				sex: "下一步",
				mobile: "",
				code: '',
				num: "60",
				isshow: true,
				che: "",
				pwd:"",
				againPwd:"",
			};
		},
		//监听属性 类似于data概念
		computed: {},
		//监控data中的数据变化
		watch: {},
		//方法集合
		methods: {
			show() {
				uni.showModal({
					title: '提示',
					content: '用户在注册之前，应当仔细阅读本条款，并同意遵守本条款后方可成为注册用户。一旦注册成功，用户与秒书之间自动形成条款关系，用户应当受本条款的约束。用户在使用服务或产品时，应当同意接受相关条款后方能使用。',
					success: function(res) {
						if (res.confirm) {
							console.log('用户点击确定');
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			//下一步
			async login() {
				if(this.register){
					var ptn_tel = /^1[35789]\d{9}$/; //账号
					if (!this.mobile.match(ptn_tel) || this.mobile === '') {
						wx.showToast({
							title: '请检查你填写的手机号，是否正确，并且手机号不能为空', //弹出的文字
							icon: 'error', //显示成功图标
							duration: 2000 //弹出的事件
						})
					} else
					if (this.code === '') {
						wx.showToast({
							title: '验证码不能为空', //弹出的文字
							icon: 'error', //显示成功图标
							duration: 2000 //弹出的事件
						})
					} else if (this.che.length !=1) {
						wx.showToast({
							title: '请先勾选用户使用协议', //弹出的文字
							icon: 'error', //显示成功图标
							duration: 2000 //弹出的事件
						})
					}else if(this.code != '' || this.che.length !=0){
						console.log("ppppppp")
						let res = await login.regByCode({
							mobile:this.mobile,
							code:this.code,
						})
						console.log(res)
						if(res.errCode=='10000'){
							this.register = false
							this.isshow = true
						}else{
							wx.showToast({
								title: res.errMsg, //弹出的文字
								icon: 'error', //显示成功图标
								duration: 2000 //弹出的事件
							})
						}

					}
				}else{
					this.sex = "登录"
					if(this.pwd===''){
						wx.showToast({
							title: '密码必须填写', //弹出的文字
							icon: 'error', //显示成功图标
							duration: 2000 //弹出的事件
						})
					}else if(this.pwd!==this.againPwd){
						wx.showToast({
							title: '请务必两次密码输入一样', //弹出的文字
							icon: 'error', //显示成功图标
							duration: 2000 //弹出的事件
						})
					} else if (this.che === '') {
						wx.showToast({
							title: '请先勾选用户使用协议', //弹出的文字
							icon: 'error', //显示成功图标
							duration: 2000 //弹出的事件
						})
					}
					else if(this.pwd==this.againPwd){
						let res = await login.reg({
							    mobile:this.mobile,
							    pass:this.pwd,
						})
						if(res.errCode=='10000'){
							this.$nav('../login/login',this.mobile,true)
						}else if(res.errCode=='12000'){
							console.log("uuuuuuuu")
							wx.showToast({
								title: res.errMsg, //弹出的文字
								icon: 'error', //显示成功图标
								duration: 2000 //弹出的事件
							})
							this.againPwd = ""
							this.pwd = ""
							this.mobile = ""
							this.register = true
						}
					}
				}
		

			},
			//获取验证码
			async gainCode() {
				var ptn_tel = /^1[35789]\d{9}$/; //账号
				if (!this.mobile.match(ptn_tel) || this.mobile === '') {
					wx.showToast({
						title: '请检查你填写的手机号，是否正确', //弹出的文字
						icon: 'error', //显示成功图标
						duration: 2000 //弹出的事件
					})
				} else {
					uni.showLoading({
						title: '发送中......'
					});
					console.log("格式没问题")
					let res = await login.sendCode({
						mobile: this.mobile,
					})
					if (res.errCode == '10000') {
						//更改倒计时状态
						setTimeout(function() {
							uni.hideLoading();
						}, 1000);
						// uni.hideLoading();
						this.isshow = !this.isshow
						//开始倒计时
						let self = this
						var djs = setInterval(function() {
							self.num--
							if (self.num == 0) {
								self.isshow = !self.isshow
								self.num = 30
								clearInterval(djs)
							}
						}, 1000)
					}
					console.log(res)
				}
			},
			cheBox(value){
				this.che = value.detail.value
			},
		
		},
		//生命周期 - 创建完成（可以访问当前this实例）
		created() {

		},
		//生命周期 - 挂载完成（可以访问DOM元素）
		mounted() {

		},
	}
</script>
<style lang='less' scoped>
	//@import url(); 引入公共css类
	@import url('../../static/css/userRegister.less');
</style>
